* {
    margin: 0;
    padding: 0;
}
$ani_duration: 1s;
html, body{
    height: 100%;
}
#ourintegral {
    height: 100%;
}

.st-container {
    height: 100%;
    overflow-x: hidden;
}

.st-btn {
    border-radius: 15px;
    height: 2.2em;
    line-height: 2.2em;
    color: whitesmoke;
    text-align: center;
    width: 100%;
    background-color: cornflowerblue;
}

// .st_ani {
//     overflow: hidden;
//     background: lightsteelblue;
//     width: 80%;
//     height: 50px;
//     line-height: 50px;
//     text-align: center;
//     opacity: 1;
// }
.st_ani-enter {
    opacity: 0;
    transform: scale(0.9);
}
.st_ani-enter-active {
    opacity: 1;
    transform: scale(1);
    transition: opacity $ani_duration linear, transform $ani_duration;
}
.st_ani-exit {
    opacity: 1;
}
.st_ani-exit-active {
    opacity: 0;
    transition: opacity $ani_duration linear;
}
